<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>
    <style>
        div{
            width: 130px;
            height: 50px;
            padding: 15px;
            margin: 15px;
            background-color: green;
        }
    </style>

    <script>
<!--        记得写ready后面的function方法-->
        $(document).ready(function() {
            $(".hidebtn").click(function () {
                //第一个参数是隐藏的速度，第二个是隐藏的方式，第三个是隐藏后执行的方法
                $("div").hide(1000, "linear", function () {
                    alert("hide（）方法已经完成");
                });
            });

        //
            $("button").click(function(){
                $("p").toggle();
            });
        });

    </script>
</head>
<body>

<div>隐藏及设置回调函数</div>
<button class="hidebtn">隐藏</button>

<button>隐藏/显示</button>
<p>这是一个文本段落。</p>
<p>这是另一个文本段落。</p>
</body>
</html>